<template>
  <div class="aboutIndex">
    <Aside></Aside>
    <Header  @naviBack="naviBack" :title="title" @toggleMenu="toggleMenu" :flag="flag" :title2="title2"></Header>
    <div class="storeMain">
      <p class="storeTitle">
        <span>关于我们</span>
      </p>
      <div class="storeDiv">
        <p class="img">
          <img src="https://api.cloudcpc.com/static/index/images/code3.jpg" alt="">
        </p>
          <p>
            本应用供内部党员日常使用，版权归xxxxxxxx有限公司所有，如遇到问题请联系：</p>
          <p> 手机：15102724518 </p>
          <p>  邮箱：709464835@qq.com</p>
      </div>
    </div>
    <p class="fixedBottom">纺友技术有限公司提供技术支持，<a href="tel:027-83884545">联系我们</a></p>
  </div>
</template>
<script>
  import Header from './userheader.vue'
  import aside from './aside.vue'
  export default({
    data (){
      return {
        title:'关于我们',
        flag:false,
        title2:'',
      }
    },
    components:{
      Header:Header,
      Aside:aside
    },
    methods:{
      naviBack(){
          console.log(123)
        this.$router.go(-1)
      },
      toggleMenu(){
        $('.aside').toggleClass('active')
        $('body').toggleClass('active')
        if($('.aside').hasClass('active')){
          $('#toggleBtn').find('.img2').hide()
          $('#toggleBtn').find('.img1').show()
        }else{
          $('#toggleBtn').find('.img1').hide()
          $('#toggleBtn').find('.img2').show()
        }
      },
      modify (){

      },
    }
  })
</script>
<style scoped>
  .aboutIndex{
    width: 100%;
    height: calc(100% - 1.8rem);
    position: relative;
    background-image: url("https://api.cloudcpc.com/static/index/images/aboutBg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 8.4rem;
  }
  .storeMain{
    margin-top: 1.8rem;
    position: relative;
  }
  .storeDiv{
    width: 6.24rem;
    margin: 0 auto;
    padding-top: 0.6rem;
    border-top:1px solid #e5e5e5;
  }
  .storeDiv p{
    text-indent:2em;
    font-size: 0.32rem;
    color: #333;
    line-height: 2;
  }
  .storeDiv p img{
    width: 2.33rem;
    height: 2.33rem;
  }
  .storeDiv .img {
    text-align: center;
  }
  .storeTitle {
    text-align: center;
    font-size: 0.32rem;
    color: #333;
    font-weight: bold;
    padding-bottom: 0.25rem;

  }
  .storeTitle span{
    position: relative;
    margin-left: 0.7rem;
  }
  .storeTitle span:before{
    position: absolute;
    content: '';
    left: -0.7rem;
    top:50%;
    width: 0.44rem;
    height: 0.44rem;
    background-image: url("../../static/images/aboutUs.png");
    margin-top: -0.22rem;
    background-size: 0.44rem 0.44rem;
  }
  .fixedBottom{
    position: absolute;
    left: 0;
    bottom: 0.3rem;
    width: 100%;
    color: #666;
    font-size: 0.22rem;
    text-align: center;
  }
</style>
